La propiedad opacity especifica la transparencia de un elemento. Cuanto menor es el valor, más transparente es:
Imagen con 50% de opacidad:
La propiedad opacity se usa frecuentemente junto con el selector :hover para cambiar la opacidad al pasar el mouse:
La propiedad opacity se usa frecuentemente junto con el selector :hover para cambiar la opacidad al pasar el mouse:
Cuando se usa la propiedad opacity para agregar transparencia al fondo de un elemento, todos sus elementos hijos también se vuelven transparentes. Esto puede dificultar la lectura del texto dentro de un elemento completamente transparente:
opacidad 0.1
opacidad 0.3
opacidad 0.6
opacidad 1 (por defecto)
Este es un texto que está dentro de una caja transparente.